open Styles

@react.component
let make = () => {
  <section
    className={`${styles["flexCenter"]} ${styles["marginY"]} ${styles["padding"]} sm:flex-row flex-col bg-black-gradient-2 rounded-[20px] box-shadow`}>
    <div className="flex-1 flex flex-col">
      <h2 className={`${styles["heading2"]}`}> {"Let's try our service now!"->React.string} </h2>
      <p className={`${styles["paragraph"]} max-w-[470px] mt-5`}>
        {"Everything you need to accept card payments and grow your business
        anywhere on the planet."->React.string}
      </p>
    </div>
    <div className={`${styles["flexCenter"]} sm:ml-10 ml-0 sm:mt-0 mt-10`}>
      <Button styles="" />
    </div>
  </section>
}
